/* CSS file */
Application
{
	background-gradient-colors:	#ABF132, #F2F2F2;
	theme-color:				#333333;
	
	padding-top:				0;
	padding-bottom:				0;
	padding-left:				0;
	padding-right:				0;
	backgroundGradientAlphas: 1.0, 1.0;
}

CheckBox
{
    color: 						#ffffff;
    text-selected-color: 		#999999;
    text-roll-over-color: 		#cccccc;
    fill-alphas: 				0.6, 0.4, 0.75, 0.65;
    fill-colors: 				#cccccc, #999999, #ffffff, #eeeeee;
}

Button 
{
    corner-radius: 				2;
    highlight-alphas: 			0.28, 0.3;
    fill-alphas: 				1, 1, 1, 1;
    fill-colors: 				#666666, #000000, #999999, #666666;
    color: 						#ffffff;
    text-roll-over-color: 		#ffffff;
    text-selected-color: 		#ffffff;
}

SuperPanel
{
	resize-grip-skin:          	Embed(source="/../assets/images/resizeHandler.png");
	
	actionAlpha:		 		0.75;
    border-color: 				#ffffff;
    border-alpha: 				1;
    border-thickness-left: 		0;
    border-thickness-top: 		0;
    border-thickness-bottom:	9;
    border-thickness-right: 	0;
    corner-radius: 				6;
    highlight-alphas: 			0.1, 0;
    header-colors: 				#666666, #333333;
    footer-colors: 				#ffffff, #ffffff;
    dropShadowEnabled: 			true;
    shadow-distance:			4;
    
    title-style-name:			"mypanelTitle";
    close-button-style-name:	"closeButton";
    minimize-button-style-name:	"minimizeButton";
    maximize-button-style-name:	"maximizeButton";
    
    inactive-header-colors: 	#999999, #666666;
    inactive-footer-colors: 	#ffffff, #ffffff;
	inactive-shadow-distance:	1;
	inactive-title-style-name:	"mypanelInactiveTitle";
}

.closeButton
{
	icon: 						Embed(source="/../assets/images/icon_close_up.png");
	up-icon: 					Embed(source="/../assets/images/icon_close_up.png");
	over-icon: 					Embed(source="/../assets/images/icon_close_over.png");
	down-icon: 					Embed(source="/../assets/images/icon_close_down.png");
	disabled-skin: 				Embed(source="/../assets/images/clear.png");
	selected-up-skin: 			Embed(source="/../assets/images/clear.png");
	selected-over-skin: 		Embed(source="/../assets/images/clear.png");
	selected-down-skin: 		Embed(source="/../assets/images/clear.png");
    down-skin: 					Embed(source="/../assets/images/clear.png");
    over-skin: 					Embed(source="/../assets/images/clear.png");
    up-skin: 					Embed(source="/../assets/images/clear.png");	
}

.maximizeButton
{
	icon: 						Embed(source="/../assets/images/icon_expand_up.png");
	up-icon: 					Embed(source="/../assets/images/icon_expand_up.png");
	over-icon: 					Embed(source="/../assets/images/icon_expand_over.png");
	selected-over-icon: 		Embed(source="/../assets/images/icon_expand_over.png");
	down-icon: 					Embed(source="/../assets/images/icon_expand_down.png");
	selected-down-icon: 		Embed(source="/../assets/images/icon_expand_down.png");
	disabled-skin: 				Embed(source="/../assets/images/clear.png");
	selected-up-skin: 			Embed(source="/../assets/images/clear.png");
	selected-over-skin: 		Embed(source="/../assets/images/clear.png");
	selected-down-skin: 		Embed(source="/../assets/images/clear.png");
    down-skin: 					Embed(source="/../assets/images/clear.png");
    over-skin: 					Embed(source="/../assets/images/clear.png");
    up-skin: 					Embed(source="/../assets/images/clear.png");	
}

.minimizeButton
{
	icon: 						Embed(source="/../assets/images/icon_minimize_up.png");
	up-icon: 					Embed(source="/../assets/images/icon_minimize_up.png");
	over-icon: 					Embed(source="/../assets/images/icon_minimize_over.png");
	selected-over-icon: 		Embed(source="/../assets/images/icon_minimize_over.png");
	down-icon: 					Embed(source="/../assets/images/icon_minimize_down.png");
	selected-down-icon: 		Embed(source="/../assets/images/icon_minimize_down.png");
	disabled-skin: 				Embed(source="/../assets/images/clear.png");
	selected-up-skin: 			Embed(source="/../assets/images/clear.png");
	selected-over-skin: 		Embed(source="/../assets/images/clear.png");
	selected-down-skin: 		Embed(source="/../assets/images/clear.png");
    down-skin: 					Embed(source="/../assets/images/clear.png");
    over-skin: 					Embed(source="/../assets/images/clear.png");
    up-skin: 					Embed(source="/../assets/images/clear.png");
}

.mypanelTitle
{
	font-weight:				bold;
    color: 						#ffffff;
}

.mypanelInactiveTitle
{
	font-weight:				bold;
    color: 						#bbbbbb;
}

.leftBox
{
	border-style:				solid;
	border-sides:				right;
	border-color:				#666666;
	background-color:			#000000;
	background-alpha:			0.6;
	
	padding-top:				20;
	padding-bottom:				20;
	padding-left:				20;
	padding-right:				20;
}